<!DOCTYPE html>
<html>
    <head>
        <title>欢迎</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
        <script src="index.js" type="text/javascript"></script>
        <script src="http://www.veryhuo.com/uploads/Common/js/jQuery.md5.js" type="text/javascript"></script>
        <style>
            .loginPanel{
                text-align: center;
                margin: 10px auto;
                width: 300px;
                height: 450px;
                border-radius:0.8rem;
                padding: 40px;
                margin-top: 80px;
                background: #ccc;
                box-shadow: 10px 10px 10px #aaa;

            }

        </style>
    </head>
    <body>
        <div class="alert alert-warning" id="errorPanel">
            <a href="#" class="close" data-dismiss="alert">
            </a>
            <strong id="errinfo">错误</strong>
        </div>
        <div class="loginPanel" id="login">
            <div class="bs-example bs-example-form">
                <span class="glyphicon glyphicon-user" style="font-size: 20px; padding: 20px"></span> 用户登录
                <div class="input-group" style="font-size: 18px">
                    <span class="input-group-addon glyphicon glyphicon-envelope"></span>
                    <input type="email" class="form-control" placeholder="请输入邮箱" id="userEmail">
                </div>
                
                <div class="input-group" style="font-size: 18px;margin-top: 10px">
                    <span class="input-group-addon glyphicon glyphicon-lock"></span>
                    <input type="password" class="form-control" placeholder="请输入密码" id="password">
                </div>
                <div class="input-group">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox"> 请记住我
                            </label>
                        </div> 
                </div>
                <button type="submit" id="loginreport" class="btn btn-primary" style="width: 100%">登录</button>
                <button type="button" id="showregister" class="btn btn-warning" style="width: 100%;margin-top: 10px">注册</button>
            </div>
        </div> 
        <div class="loginPanel" id="zhuce">
            <form class="bs-example bs-example-form">
                <span class="glyphicon glyphicon-user" style="font-size: 20px; padding: 20px"></span> 用户注册
                <div class="input-group" style="font-size: 18px">
                    <span class="input-group-addon glyphicon glyphicon-envelope"></span>
                    <input type="email" class="form-control" placeholder="请输入邮箱" id="regisetrEmail">
                </div>
                
                <div class="input-group" style="font-size: 18px;margin-top: 10px">
                    <span class="input-group-addon glyphicon glyphicon-lock"></span>
                    <input type="password" class="form-control" placeholder="请输入密码" id="registerPass">
                </div>
              
                <button type="button" id="register" class="btn btn-primary" style="width: 100%;margin-top: 10px">注册</button>
                <button type="button" id="showlogin" class="btn btn-warning" style="width: 100%;margin-top: 10px">已经账号</button>
            </form>
        </div> 

    </body>
</html>
